<template>
  <el-select class="input-default-width" size="large" placeholder="选择赛项类型" clearable>
    <el-option v-for="item in data" :key="item" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>

<script  setup>
import { ref, onMounted } from "vue"
import { eventTypePage } from "@/api/gradingTeacher.js"
const data = ref([

])

const handleGetLoad = async () => {
  let res = await eventTypePage({
    currentPage: 1,
    pageSize: 999
  }
  );
  if (res.success) {
    data.value = res.pageInfo.list.map((item) => {
      return {
        label: item.eventType,
        value: item.typeId
      }
    }
    );

  }
}

onMounted(() => {
  handleGetLoad();
})
</script>

<style lang="scss" scoped></style>